<!DOCTYPE html>
<html class="mdc-typography">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700" type="text/css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" type="text/css">
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.blue-pink.min.css" />
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js" type="text/javascript">
    </script>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        相关链接 - bilibili经验值计算工具
    </title>
</head>

<body>
    <!-- Uses a header that scrolls with the text, rather than staying
  locked at the top -->
    <div class="mdl-layout mdl-js-layout">
        <header class="mdl-layout__header mdl-layout__header--scroll">
            <div class="mdl-layout__header-row">
                <!-- Title -->
                <span class="mdl-layout-title">相关链接</span>
                <!-- Add spacer, to align navigation to the right -->
                <div class="mdl-layout-spacer"></div>
                <!-- Navigation -->

            </div>
        </header>
        <div class="mdl-layout__drawer">
            <span class="mdl-layout-title">bilibili经验值计算工具</span>
            <nav class="mdl-navigation">
                <a class="mdl-navigation__link" href="./index.html">经验值计算</a>
                <a class="mdl-navigation__link" href="./help.html">工具用法&amp;原理</a>
                <a class="mdl-navigation__link" href="./links.html">相关链接</a>
                <a class="mdl-navigation__link" href="./about.html">关于作者</a>
            </nav>
        </div>
        <main class="mdl-layout__content">
            <div class="page-content">
                <!-- Your content goes here -->

                <style>
                    .mdl-card {
                        width: fit-content;
                        margin-left: auto;
                        margin-right: auto;
                    }
                </style>

                <div class="mdl-card mdl-shadow--2dp" style="margin-top: 50px;">
                    <div class="mdl-card__title">
                        <h2 class="mdl-card__title-text">相关链接</h2>
                    </div>
                    <div class="mdl-card__supporting-text">
                        <p>
                            B站帮助中心：
                            <br>
                            <a href="https://www.bilibili.com/blackboard/help.html" target="_blank">https://www.bilibili.com/blackboard/help.html</a>
                            <br>B站个人中心：
                            <br>
                            <a href="https://account.bilibili.com/site/home.html" target="_blank">https://account.bilibili.com/site/home.html</a>
                        </p>
                    </div>
                </div>
            </div>
        </main>
    </div>
</body>

</html>